<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Gym Extream</title>
<meta name="description" content="">
<meta name="author" content="">
<!--// Mobile Metas //-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--// Stylesheets //-->
<link rel="stylesheet" href="Gym%20Extream_files/base.css" />
<link rel="stylesheet" href="Gym%20Extream_files/skeleton.css" />
<link rel="stylesheet" href="Gym%20Extream_files/layout.css" />
<link rel="stylesheet" href="Gym%20Extream_files/style.css" />

<link rel="stylesheet" type="text/css" href="Gym%20Extream_files/color.css" title="styles7" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="Gym%20Extream_files/red.css" title="styles1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="Gym%20Extream_files/blue.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="Gym%20Extream_files/gray.css" title="styles3" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="Gym%20Extream_files/orange.css" title="styles4" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="Gym%20Extream_files/green.css" title="styles5" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="Gym%20Extream_files/orange-red.css" title="styles6" media="screen" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--// Favicons //-->
<link rel="shortcut icon" href="Gym%20Extream_files/favicon.ico" />
<link rel="rockit-touch-icon" href="Gym%20Extream_files/touch-icon.png" alt="" />
<link rel="rockit-touch-icon" sizes="72x72" href="Gym%20Extream_files/touch-icon-72x72.png" alt="" />
<link rel="rockit-touch-icon" sizes="114x114" href="Gym%20Extream_files/touch-icon-114x114.png" alt="" />
<!--// Javascript //-->
<script type="text/javascript" src="Gym%20Extream_files/jquery.min.js"></script>
<script type="text/javascript" src="Gym%20Extream_files/styleswitch.js"></script>
<script type="text/javascript" src="Gym%20Extream_files/animatedcollapse.js"></script>
<script type="text/javascript" src="Gym%20Extream_files/jquery.infinite-carousel.js"></script>
<script type="text/javascript" src="Gym%20Extream_files/ddsmoothmenu.js"></script>
<script type="text/javascript" src="Gym%20Extream_files/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="Gym%20Extream_files/scrolltopcontrol.js"></script>
<script type="text/javascript" src="Gym%20Extream_files/tabs.js"></script>
<script type="text/javascript" src="Gym%20Extream_files/virtualpaginate.js"></script>
</head>
<body>
<!-- Styleswitcher Start -->
<div class="styles">
	<ul>
        <li><a href="?style=style7" rel="styles7" class="styleswitch brown">&nbsp;</a></li>
        <li><a href="?style=style1" rel="styles1" class="styleswitch red">&nbsp;</a></li>
        <li><a href="?style=style2" rel="styles2" class="styleswitch blue">&nbsp;</a></li>
        <li><a href="?style=style3" rel="styles3" class="styleswitch gray">&nbsp;</a></li>
        <li><a href="?style=style4" rel="styles4" class="styleswitch orange">&nbsp;</a></li>
        <li><a href="?style=style5" rel="styles5" class="styleswitch green">&nbsp;</a></li>
        <li><a href="?style=style6" rel="styles6" class="styleswitch orange-red">&nbsp;</a></li>
    </ul>
</div>
<!-- Styleswitcher End -->
<!-- Outer Wrapper Start -->
<div id="outer-wrapper">
	<!-- Header Start -->
    <div id="header">
    	<span class="top-bar">&nbsp;</span>
    	<div class="in">
            <!-- Container Start -->
            <div class="container">
                <!-- Logo Start -->
                <div class="five columns left">
                    <a href="index.html" class="logo"><img src="Gym%20Extream_files/logo.png" alt="" /></a>
                </div>
                <!-- Logo End -->
                <div class="eleven columns right hidemobile">
                    <div class="top-links">
                        <span class="leftnode">&nbsp;</span>
                        <!-- Top Links Start -->
                        <ul>
                            <li><a href="#">Fitness Blogs</a></li>
                            <li><a href="#">Our Studio</a></li>
                            <li><a href="membership.html">Membership</a></li>
                            <li><a href="#">Staff</a></li>
                            <li>
                                <a href="javascript:animatedcollapse.toggle('search-box')">Search</a>
                                <div id="search-box">
                                    <input name="" value="Enter any keyword"
                                    onfocus="if(this.value=='Enter any keyword') {this.value='';}"
                                    onblur="if(this.value=='') {this.value='Enter any keyword';}" type="text" class="bar" />
                                    <button class="go"></button>
                                </div>
                            </li>
                        </ul>
                    	<!-- Top Links End -->
                	</div>
                    <!-- Message Box Start -->
                    <div class="mesage-box">
                    	<h4 class="white upper">1 Week Can Transform your Self</h4>
                        <a href="#" class="buttonone backcolr"><span>Start Today</span><span class="arrow">&nbsp;</span></a>
                    </div>
                    <!-- Message Box End -->
                </div>
            </div>
        	<!-- Container End -->
            <!-- Navigation Start -->
            <div class="navigation">
            	<div id="smoothmenu1" class="ddsmoothmenu">
                	<ul>
                    	<li><a href="index.html">Home</a></li>
                        <li><a href="blog.html">Blog</a>
                        	<ul>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="blog-post.html">Blog Detail</a></li>
                            </ul>
                        </li>
                        <li><a href="schedule.html">Schedule</a></li>
                        <li><a href="classes.html">Classes</a>
                        	<ul>
                                <li><a href="classes.html">Classes</a></li>
                                <li><a href="class-detail.html">Class Detail</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Gallery</a>
                        	<ul>
                                <li><a href="gallery-two-column.html">Two Column</a></li>
                                <li><a href="gallery-three-column.html">Three Column</a></li>
                                <li><a href="gallery-four-column.html">Four Column</a></li>
                            </ul>
                        </li>
                        <li class="current-menu-item"><a href="membership.html">Membership</a>
                        	<ul>
                                <li><a href="membership.html">Membership</a></li>
                                <li><a href="plans.html">Pricing Plans</a></li>
                            </ul>
                        </li>
                        <li><a href="news.html">News</a></li>
                        <li><a href="team.html">Team</a></li>
                        <li><a href="contact-us.html">Contact Us</a></li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <!-- Navigation End -->
            <div class="clear"></div>
        </div>
    </div>
    <!-- Header End -->
    <div class="clear"></div>
    <div class="inner">
        <div class="inner shadow">
        	<!-- Banner Start -->
            <div id="subpage-banner" class="row">
            </div>
            <!-- Banner End -->
            <div class="clear"></div>
            <!-- Container Start -->
            <!-- Banners End -->
            <div class="container row">
            	<!-- Two Third Column Start -->
            	<div class="two-thirds column left">
                	<!-- Blog Start -->
                    <div class="membership">
                    	<h2 class="heading">Membership</h2>
                        <div class="in-sec">
                            <!-- Membership Inner Section Start -->
                            <div class="membership-in">
                                <a href="#" class="thumb"><img src="Gym%20Extream_files/post1.jpg" alt="" /></a>
                                <div class="mem-form">
                                	<ul>
                                    	<li class="txt"><h4>Select from the list or search by location</h4></li>
                                        <li class="inputfield">
                                        	<select class="sel-bar">
                                            	<option>London (United Kingdom)</option>
                                                <option>New York (USA)</option>
                                                <option>Sydney (Austrailia)</option>
                                            </select>
                                        </li>
                                        <li class="txt"><h4>Title*</h4></li>
                                        <li class="inputfield">
                                        	<input name="" type="text" class="bar" />
                                        </li>
                                        <li class="txt"><h4>First name*</h4></li>
                                        <li class="inputfield">
                                        	<input name="" type="text" class="bar" />
                                        </li>
                                        <li class="txt"><h4>Last name*</h4></li>
                                        <li class="inputfield">
                                        	<input name="" type="text" class="bar" />
                                        </li>
                                        <li class="txt"><h4>Email address*</h4></li>
                                        <li class="inputfield">
                                        	<input name="" type="text" class="bar" />
                                        </li>
                                        <li class="txt"><h4>Telephone number*</h4></li>
                                        <li class="inputfield">
                                        	<input name="" type="text" class="bar" />
                                        </li>
                                        <li class="inputfield">
                                        	<input type="checkbox" />
                                            <label>This is my mobile number</label>
                                        </li>
                                        <li class="time">
                                        	<h4>Select a time</h4>
                                            <input type="radio" />
                                            <label>Morning</label>
                                            <input type="radio" />
                                            <label>Noon</label>
                                            <input type="radio" />
                                            <label>Afternoon</label>
                                            <input type="radio" />
                                            <label>Evening</label>
                                        </li>
                                        <li class="inputfield">
                                        	<input type="checkbox" />
                                            <label>Please tick this box if you would like to receive future mailings.</label>
                                        </li>
                                        <li class="inputfield">
                                        	<input type="checkbox" />
                                            <label>Please tick this box to agree to the terms & conditions</label>
                                        </li>
                                        <li class="txt"></li>
                                        <li class="inputfield">
                                        	<button class="backcolr">Submit</button>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- Membership Inner Section End -->
                        </div>
                    </div>
                    <!-- Membership End -->
                    <div class="clear"></div>
                </div>
                <!-- Two Third Column End -->
                <!-- One Third Column Start -->
                <div class="one-third column left">
                	<div class="box-small">
                    	<h2 class="heading">Our Classes</h2>
                        <!-- Our Classes Start -->
                        <div class="our-classes">
                        	<div class="cont-slider">
                                <div class="virtualpage hidepiece">
                                    <a href="#"><img src="Gym%20Extream_files/img22.jpg" alt="" /></a>
                                    <div class="box-in">
                                        <h3>Body Attack</h3>
                                        <p>
                                            Body Attack is a sports-inspired cardio workout perfect for weight loss, toning and shaping your body and improving your overall fitness.
                                        </p>
                                        <p>This class is for everyone with a moderate fitness level. The moves are simple and you don't need flawless coordination.</p>
                                    </div>
                                </div>
                                <div class="virtualpage hidepiece">
                                    <a href="#"><img src="Gym%20Extream_files/img23.jpg" alt="" /></a>
                                    <div class="box-in">
                                        <h3>Indoor Cycling</h3>
                                        <p>This class is for everyone with a moderate fitness level. The moves are simple and you don't need flawless coordination.</p>
                                        <p>
                                            Body Attack is a sports-inspired cardio workout perfect for weight loss, toning and shaping your body and improving your overall fitness.
                                        </p>
                                    </div>
                                </div>
                                <div class="virtualpage hidepiece">
                                    <a href="#"><img src="Gym%20Extream_files/img24.jpg" alt="" /></a>
                                    <div class="box-in">
                                        <h3>Fitness Yoga</h3>
                                        <p>
                                            Body Attack is a sports-inspired cardio workout perfect for weight loss, toning and shaping your body and improving your overall fitness.
                                        </p>
                                        <p>This class is for everyone with a moderate fitness level. The moves are simple and you don't need flawless coordination.</p>
                                    </div>
                                </div>
                                <div class="virtualpage hidepiece">
                                    <a href="#"><img src="Gym%20Extream_files/img25.jpg" alt="" /></a>
                                    <div class="box-in">
                                        <h3>Cardio Fitness</h3>
                                        <p>This class is for everyone with a moderate fitness level. The moves are simple and you don't need flawless coordination.</p>
                                        <p>
                                            Body Attack is a sports-inspired cardio workout perfect for weight loss, toning and shaping your body and improving your overall fitness.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div id="gallerypaginate" class="paginationstyle">
                            	<span class="flatview"></span>
                            </div>
                            <script type="text/javascript" src="Gym%20Extream_files/slider.js"></script>
                        </div>
                        <!-- Our Classes End -->
                        <div class="clear"></div>
                    </div>
                    <div class="box-small">
                    	<h2 class="heading">WHATS NEXT?</h2>
                        <!-- Upcoming Classes Start -->
                        <div class="upcoming-classes">
                            <div class="thumb">
                            	<a href="#"><img src="Gym%20Extream_files/img5.jpg" alt="" /></a>
                                <span>Upcomming Classis</span>
                            </div>
                            <ul class="classes">
                            	<li>
                                	<span class="clock">&nbsp;</span>
                                    <h4><a href="#">Cardio Fitness</a></h4>
                                    <p>09:00 - 13:00</p>
                                </li>
                                <li>
                                	<span class="clock">&nbsp;</span>
                                    <h4><a href="#">Chest Workout</a></h4>
                                    <p>09:00 - 13:00</p>
                                </li>
                                <li>
                                	<span class="clock">&nbsp;</span>
                                    <h4><a href="#">Running</a></h4>
                                    <p>09:00 - 13:00</p>
                                </li>
                                <li>
                                	<span class="clock">&nbsp;</span>
                                    <h4><a href="#">Football Learn</a></h4>
                                    <p>09:00 - 13:00</p>
                                </li>
                                <li>
                                	<span class="cal">&nbsp;</span>
                                    <h4><a href="#">View Full Calender</a></h4>
                                </li>
                            </ul>
                        </div>
                        <!-- Upcoming Classes End -->
                        <div class="clear"></div>
                    </div>
                </div>
                <!-- One Third Column End -->
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- Outer Wrapper End -->
<!-- Footer Start -->
<div class="footer">
    <div class="inner">
        <div class="left">
            <!-- Footer Navigation Start -->
            <ul>
                <li><a href="#">HOME</a></li>
                <li><a href="#">ABOUT US</a></li>
                <li><a href="#">GALLERY</a></li>
                <li><a href="#">PERSONAL TRAINING</a></li>
                <li><a href="membership.html">Membership</a></li>
                <li><a href="#">NEWS AND EVENTS</a></li>
                <li><a href="#">CONTACT US</a></li>
            </ul>
            <!-- Footer Navigation End -->
            <p>© Gym Extream All rights reserved.</p>
        </div>
        <!-- Go To Top Start -->
        <div class="right">
            <a href="#top" class="gotop">Back to Top</a>
        </div>
        <!-- Go To Top End -->
    </div>
	<div class="clear"></div>
</div>
<!-- Footer End -->
<span class="footbg">&nbsp;</span>
</body>
</html>